﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>BoozePort </title>
    <link href="../Styles/LayoutStyleSheet.css" rel="stylesheet" type="text/css" media="all" />
    <link href="../Styles/Menu.css" rel="stylesheet" type="text/css" media="all" />
    <script src="../Scripts/JScript.min.js" type="text/javascript"></script>
    <script type="text/jscript">
        var openDiv;

        function toggleDiv(divID) {
            $("#" + divID).fadeToggle(200, function () {
                openDiv = $(this).is(':visible') ? divID : null;
            });
        }

        $(document).click(function (e) {
            if (!$(e.target).closest('#' + openDiv).length) {
                toggleDiv(openDiv);
            }
        });
    </script>
    <style type="text/css">
        #DivShareSocialMediaButton
        {
            display: none;
            margin-left: 5px;
        }
        #DivShare
        {
            display: none;
            margin-left: 5px;
        }
    </style>
</head>
<body>
    <form method="post" action="LiquidFeed.aspx" id="form1">
    <div class="aspNetHidden">
        <input type="hidden" name="__EVENTTARGET" id="__EVENTTARGET" value="" />
        <input type="hidden" name="__EVENTARGUMENT" id="__EVENTARGUMENT" value="" />
        <input type="hidden" name="__VIEWSTATE" id="__VIEWSTATE" value="/wEPDwUKMTY5NTYwODUzN2QYAQUeX19Db250cm9sc1JlcXVpcmVQb3N0QmFja0tleV9fFgkFEmN0bDAwJEltYWdlQnV0dG9uMQUmY3RsMDAkQ29udGVudFBsYWNlSG9sZGVyMSRJbWFnZUJ1dHRvbjEFK2N0bDAwJENvbnRlbnRQbGFjZUhvbGRlcjEkSW1nRmFjZWJvb2tCdXR0b24FKmN0bDAwJENvbnRlbnRQbGFjZUhvbGRlcjEkSW1nVHdpdHRlckJ1dHRvbgUrY3RsMDAkQ29udGVudFBsYWNlSG9sZGVyMSRJbWdQaW50ZXJlc0J1dHRvbgUmY3RsMDAkQ29udGVudFBsYWNlSG9sZGVyMSRJbWFnZUJ1dHRvbjIFJmN0bDAwJENvbnRlbnRQbGFjZUhvbGRlcjEkSW1hZ2VCdXR0b24zBSZjdGwwMCRDb250ZW50UGxhY2VIb2xkZXIxJEltYWdlQnV0dG9uNAUmY3RsMDAkQ29udGVudFBsYWNlSG9sZGVyMSRJbWFnZUJ1dHRvbjevzJqNTHTVFvlsZWDL+kWrniBJVyvxPSXW3FiIr9d5cg==" />
    </div>
    <script type="text/javascript">
//<![CDATA[
        var theForm = document.forms['form1'];
        if (!theForm) {
            theForm = document.form1;
        }
        function __doPostBack(eventTarget, eventArgument) {
            if (!theForm.onsubmit || (theForm.onsubmit() != false)) {
                theForm.__EVENTTARGET.value = eventTarget;
                theForm.__EVENTARGUMENT.value = eventArgument;
                theForm.submit();
            }
        }
//]]>
    </script>
    <div class="aspNetHidden">
        <input type="hidden" name="__EVENTVALIDATION" id="__EVENTVALIDATION" value="/wEWDQKo1NKnAgK33sGJAQLssvLQAwLl97ftDQKP6PmbAQK9vIn8DAKD9uOiBwKN+pi5AgKU4cvjDQK9vI38DAK9vJH8DAK9vJX8DAK9vKH8DIzftk/R5mcjAXNNThuz4mmKwAGdIj6kiWGO0Gucr2m+" />
    </div>
    <div id="DivHeader">
        <a href="../Index.htm">
            <img src="../Images/BoozeLogo.jpg" style="float: left; margin: 5px 0 0 30px; border: none;" /></a>
        <div id="DivSearchBox" style="float: left">
            <input name="ctl00$TextBox1" type="text" id="TextBox1" class="SearchTextBox" placeholder="Keyword Search"
                style="width: 450px; height: 22px; margin: 22px 0 0 30px; outline: none;" />
        </div>
        <div id="DivSearchButton" style="float: left; margin: 26px 0 0 -30px; height: 30px;
            width: 35px">
            <input type="image" name="ctl00$ImageButton1" id="ImageButton1" src="../Images/btnSearchKeyWord.jpg"
                style="border: none; outline: none" />
        </div>
        <div id="DivAccountDetails" style="float: right; width: 350px">
            <div id="menu">
                <ul>
                    <li class='active has-sub'><a href='#'><span>Unwind Resposibly</span></a>
                        <ul>
                            <li><a href="#" class="CssMenuButton">Wine Guide</a></li>
                            <li><a href="#" class="CssMenuButton">Party Guide</a></li>
                            <li><a href="#" class="CssMenuButton">Get a Cab</a></li>
                            <li><a href="../Pages/CreateAdvertisement.htm" class="CssMenuButton">Create Advertisement</a></li>
                            <li><a href="../Pages/InstitutionDashboard.htm" class="CssMenuButton">Institution Dashboard</a></li>
                            <li><a href="../Pages/ProductDashboard.htm" class="CssMenuButton">Product Dashboard</a></li>
                        </ul>
                    </li>
                    <li class='active has-sub'><a href="#"><span>My Account</span></a>
                        <ul>
                            <li><a href="#" class="CssMenuButton">Setting</a></li>
                            <li><a href="#" class="CssMenuButton">My Profile</a></li>
                            <li><a onclick="location.href='../Index.htm';" class="CssMenuButton">Logout</a></li>
                        </ul>
                    </li>
                </ul>
            </div>
        </div>
    </div>
    <div>
        <div style="margin: 15px 0 0 10px">
            <div id="DivUserProfileDetails" style="float: left; margin-right: 10px; width: 300px">
                <div style="margin-left: 10px;">
                    <table style="margin: 0px">
                        <tr>
                            <td valign="top">
                                <div id="DivInstituteImage" style="float: left; font-size: 13px; font-weight: bold">
                                    <a style="text-align: right"></a>
                                    <table>
                                        <tr>
                                            <td valign="top">
                                                <img id="ContentPlaceHolder1_Image2" src="../Images/UserProfileImage.jpg" style="height: 140px;
                                                    width: 195px; border: 1px solid #555; border-radius: 3px; box-shadow: 0 0 10px rgba(0,0,0,0.6);
                                                    -moz-box-shadow: 0 0 10px rgba(0,0,0,0.6); -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.6);
                                                    -o-box-shadow: 0 0 10px rgba(0,0,0,0.6);" />
                                            </td>
                                            <td valign="bottom">
                                                <div style="margin-left: 5px">
                                                    <div style="margin-left: 5px">
                                                        <span id="ContentPlaceHolder1_lblUserProfilName">Rajeev</span>
                                                    </div>
                                                    <br />
                                                    <div>
                                                        <button id="ContentPlaceHolder1_Button1" type="button" class="CssButton" style="width: 80px;
                                                            font-size: 12px">
                                                            Edit Profile</button>
                                                    </div>
                                                </div>
                                            </td>
                                        </tr>
                                    </table>
                                </div>
                            </td>
                        </tr>
                        <tr>
                            <td>
                                <div style="float: left">
                                    <h1>
                                        My Page</h1>
                                </div>
                                <div style="padding: 10px 0 0 130px">
                                    <a id="ContentPlaceHolder1_LinkButton1" href="javascript:__doPostBack(&#39;ctl00$ContentPlaceHolder1$LinkButton1&#39;,&#39;&#39;)">
                                        Create</a>
                                </div>
                                <br />
                                <div style="max-width: 200px; text-align: justify; line-height: 20px; font-weight: bold">
                                    <span id="ContentPlaceHolder1_lblUserBarAddress">COMRADE - Council of Old Monk Rum Addicted
                                        Drinkers & Eccentrics! Chelo Kebab lovers Missing Music of Park Street</span>
                                </div>
                            </td>
                        </tr>
                        <tr>
                            <td>
                                <div>
                                    <h2 style="margin: 10px 0 0 0">
                                        Trending Wateringholes</h2>
                                    <p>
                                        <a href="#">OlypubKolkata</a>
                                    </p>
                                    <p>
                                        <a href="#">TantraKolkata</a>
                                    </p>
                                    <p>
                                        <a href="#">GhettoMumbai</a>
                                    </p>
                                    <p>
                                        <a href="#">JazzByTheBay</a>
                                    </p>
                                    <p>
                                        <a href="#">Khalasitola</a>
                                    </p>
                                </div>
                            </td>
                        </tr>
                    </table>
                </div>
            </div>
            <div id="DivUserContent" style="float: left; width: 450px">
                <div style="background: #fff; padding: 10px">
                    <div id="DivPromoteWithAnnouncement" style="border: 1px solid #333">
                        <fieldset id="PhotoUpload" style="min-height: 100px; margin: 0px; border: none; border-bottom: 1px solid #666">
                            What's Happening? Write a Review!
                        </fieldset>
                        <div>
                            <table style="width: 427px">
                                <tr>
                                    <td>
                                        <button id="ContentPlaceHolder1_Button2" type="button" class="CssButton">
                                            Upload Photo/Video</button>
                                        <a>|</a>
                                        <button id="ContentPlaceHolder1_Button4" type="button" class="CssButton">
                                            Create Album</button>
                                    </td>
                                    <td>
                                    </td>
                                    <td style="text-align: right">
                                        <button id="ContentPlaceHolder1_btnShare" type="button" class="CssButton">
                                            Post</button>
                                    </td>
                                </tr>
                            </table>
                        </div>
                    </div>
                </div>
                <br />
                <div style="background: #fff; padding: 10px">
                    <div id="Div1" style="border: 1px solid #333">
                        <div>
                            <table>
                                <tr>
                                    <td>
                                        <img id="ContentPlaceHolder1_imgUserDetails" src="../Images/Img001.jpg" style="height: 33px;
                                            width: 42px;" />
                                    </td>
                                    <td>
                                        <span id="ContentPlaceHolder1_lblUserDetails">Rajeev Rajput at Zara Tapas Pub, Bangalore</span>
                                    </td>
                                </tr>
                            </table>
                        </div>
                        <fieldset id="Fieldset1" style="min-height: 100px; margin: 0px; border: none; border-top: 1px solid #666;
                            border-bottom: 1px solid #666; text-align: center; background-attachment: fixed;
                            overflow: hidden">
                            <img id="ContentPlaceHolder1_img01" src="../Images/HomePageBGI.jpg" alt="" align="middle"
                                style="max-width: 400px;" />
                        </fieldset>
                        <div>
                            <table>
                                <tr>
                                    <td valign="top">
                                        <input type="image" name="ctl00$ContentPlaceHolder1$ImageButton1" id="ContentPlaceHolder1_ImageButton1"
                                            title="Like" src="../Images/ImgShareButton/LikeButton.jpg" />
                                    </td>
                                    <td>
                                        &nbsp;&nbsp; <a onclick="toggleDiv('DivShareSocialMediaButton')" style="cursor: pointer">
                                            Share</a>
                                    </td>
                                    <td>
                                        <div id="DivShareSocialMediaButton">
                                            <input type="image" name="ctl00$ContentPlaceHolder1$ImgFacebookButton" id="ContentPlaceHolder1_ImgFacebookButton"
                                                src="../Images/ImgShareButton/FacebookLoginButton.jpg" />
                                            &nbsp;&nbsp;
                                            <input type="image" name="ctl00$ContentPlaceHolder1$ImgTwitterButton" id="ContentPlaceHolder1_ImgTwitterButton"
                                                src="../Images/ImgShareButton/TwitterLoginbutton.jpg" />&nbsp;&nbsp;
                                            <input type="image" name="ctl00$ContentPlaceHolder1$ImgPinteresButton" id="ContentPlaceHolder1_ImgPinteresButton"
                                                src="../Images/ImgShareButton/pinterestLoginButton.jpg" />&nbsp;&nbsp;
                                        </div>
                                    </td>
                                </tr>
                            </table>
                            <div style="border-top: 1px solid #666">
                                <table>
                                    <tr>
                                        <td>
                                            <img id="ContentPlaceHolder1_Image18" src="../Images/Img01.jpg" style="height: 33px;
                                                width: 42px;" />
                                        </td>
                                        <td>
                                            <span id="ContentPlaceHolder1_Label3">Navojit Dutta Chivas on the rocks?! :)</span>
                                            <br />
                                            <span id="ContentPlaceHolder1_Label4">24 Mins, Delhi</span>
                                        </td>
                                    </tr>
                                </table>
                            </div>
                        </div>
                    </div>
                </div>
                <br />
                <div style="background: #fff; padding: 10px">
                    <div id="Div2" style="border: 1px solid #333">
                        <div style="font-family: 'Arial Regular', 'Arial'; font-weight: 400">
                            <a id="ContentPlaceHolder1_HyperLink1" href="Institute.htm" style="cursor: pointer;
                                text-decoration: inherit">New Annnouncement from Olypub, Park Street, Kolkata</a>
                        </div>
                        <fieldset id="Fieldset4" style="min-height: 100px; margin: 0px; border: none; border-top: 1px solid #666;
                            border-bottom: 1px solid #666; text-align: center; background-attachment: fixed;
                            overflow: hidden">
                            <div style="text-align: center; height: 100px; background-color: #990000; padding-top: 25px">
                                <h4 style="color: #FFF">
                                    Happy Hours Extended till 7 PM on Weekdays!!
                                    <br />
                                    <br />
                                    Now Enjoy Your Favorite Drink After Work!!</h4>
                            </div>
                        </fieldset>
                        <div>
                            <table>
                                <tr>
                                    <td valign="top">
                                        <input type="image" name="ctl00$ContentPlaceHolder1$ImageButton2" id="ContentPlaceHolder1_ImageButton2"
                                            title="Like" src="../Images/ImgShareButton/LikeButton.jpg" />
                                    </td>
                                    <td>
                                        &nbsp;&nbsp; <a onclick="toggleDiv('DivShare')" style="cursor: pointer">Share</a>
                                    </td>
                                    <td>
                                        <div id="DivShare">
                                            <input type="image" name="ctl00$ContentPlaceHolder1$ImageButton3" id="ContentPlaceHolder1_ImageButton3"
                                                src="../Images/ImgShareButton/FacebookLoginButton.jpg" />
                                            &nbsp;&nbsp;
                                            <input type="image" name="ctl00$ContentPlaceHolder1$ImageButton4" id="ContentPlaceHolder1_ImageButton4"
                                                src="../Images/ImgShareButton/TwitterLoginbutton.jpg" />&nbsp;&nbsp;
                                            <input type="image" name="ctl00$ContentPlaceHolder1$ImageButton7" id="ContentPlaceHolder1_ImageButton7"
                                                src="../Images/ImgShareButton/pinterestLoginButton.jpg" />&nbsp;&nbsp;
                                        </div>
                                    </td>
                                </tr>
                            </table>
                        </div>
                        <div style="border-top: 1px solid #666">
                            <table>
                                <tr>
                                    <td>
                                        <img id="ContentPlaceHolder1_Image19" src="../Images/Img08.jpg" style="height: 33px;
                                            width: 42px;" />
                                    </td>
                                    <td>
                                        <span id="ContentPlaceHolder1_Label5">Tarun Gandhi Anyone joining me on this Fri @ 5
                                            PM?</span>
                                        <br />
                                        <span id="ContentPlaceHolder1_Label6">2 hours, Kolkata</span>
                                    </td>
                                </tr>
                            </table>
                        </div>
                    </div>
                </div>
                <br />
                <div style="background: #fff; padding: 10px">
                    <div id="Div3" style="border: 1px solid #333">
                        <div style="font-family: 'Arial Regular', 'Arial'; font-weight: 400">
                            <table>
                                <tr>
                                    <td>
                                        <img id="ContentPlaceHolder1_Image21" src="../Images/Img05.jpg" style="height: 35px;
                                            width: 35px;" />
                                    </td>
                                    <td style="font-family: 'Arial Regular', 'Arial'; font-weight: 400">
                                        <a id="ContentPlaceHolder1_HyperLink2" href="Product.htm" style="cursor: pointer;
                                            text-decoration: inherit">Smirnoff India has updated their page</a>
                                    </td>
                                </tr>
                            </table>
                        </div>
                        <fieldset id="Fieldset5" style="min-height: 100px; margin: 0px; border: none; border-top: 1px solid #666;
                            border-bottom: 1px solid #666; text-align: center; background-attachment: fixed;
                            overflow: hidden">
                            <div>
                                <table>
                                    <tr>
                                        <td>
                                            <img id="ContentPlaceHolder1_Image22" src="../Images/SocialMedia03.jpg" style="height: 110px;
                                                width: 150px; padding: 5px" />
                                        </td>
                                        <td style="text-align: left">
                                            <span id="ContentPlaceHolder1_Label9" style="font-size: Large;">Join the Smirnoff Show!
                                                20 - 22 Dec, Baga Beach, Goa</span>
                                        </td>
                                </table>
                            </div>
                        </fieldset>
                        <div>
                            <p style="margin: 0px">
                                Your 5 Friends got passes
                            </p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div id="DivUserFriendsImages" style="float: right; margin-right: 10px; width: 475px">
            <div style="background: #fff; padding: 10px">
                <div style="border: 1px solid #333">
                    <span id="ContentPlaceHolder1_Label1" style="display: inline-block; height: 20px;
                        padding: 5px">Your new review</span>
                    <fieldset id="Fieldset2" style="min-height: 75px; margin: 0px; border: none; border-top: 1px solid #666">
                        <table>
                            <tr>
                                <td>
                                    <img src="../Images/NewReviewImages/001.jpg" class="newReview" />
                                </td>
                                <td>
                                    <img src="../Images/NewReviewImages/002.jpg" class="newReview" />
                                </td>
                                <td>
                                    <img src="../Images/NewReviewImages/003.jpg" class="newReview" />
                                </td>
                                <td>
                                    <img src="../Images/NewReviewImages/004.jpg" class="newReview" />
                                </td>
                                <td>
                                    <img src="../Images/NewReviewImages/005.jpg" class="newReview" />
                                </td>
                            </tr>
                        </table>
                    </fieldset>
                </div>
            </div>
            <br />
            <div id="DivPeopleWhoLikedYou" style="background: #fff; padding: 10px">
                <div style="border: 1px solid #333">
                    <span id="ContentPlaceHolder1_Label2" style="display: inline-block; height: 20px;
                        padding: 5px">People who liked you</span>
                    <fieldset id="Fieldset3" style="min-height: 75px; margin: 0px; border: none; border-top: 1px solid #666">
                        <table>
                            <tr>
                                <td>
                                    <img class="PeopleLiked" src="../Images/Img08.jpg" />
                                </td>
                                <td>
                                    <img class="PeopleLiked" src="../Images/Img07.jpg" />
                                </td>
                                <td>
                                    <img class="PeopleLiked" src="../Images/Img06.jpg" />
                                </td>
                                <td>
                                    <img class="PeopleLiked" src="../Images/Img05.jpg" />
                                </td>
                                <td>
                                    <img class="PeopleLiked" src="../Images/Img04.jpg" />
                                </td>
                                <td>
                                    <img class="PeopleLiked" src="../Images/Img05.jpg" />
                                </td>
                                <td>
                                    <img class="PeopleLiked" src="../Images/Img03.jpg" />
                                </td>
                                <td>
                                    <img class="PeopleLiked" src="../Images/Img01.jpg" />
                                </td>
                            </tr>
                            <tr>
                                <td>
                                </td>
                            </tr>
                            <tr>
                                <td>
                                    <img class="PeopleLiked" src="../Images/Img001.jpg" />
                                </td>
                                <td>
                                    <img class="PeopleLiked" src="../Images/Img03.jpg" />
                                </td>
                                <td>
                                    <img class="PeopleLiked" src="../Images/Img08.jpg" />
                                </td>
                                <td>
                                    <img class="PeopleLiked" src="../Images/Img03.jpg" />
                                </td>
                                <td>
                                    <img class="PeopleLiked" src="../Images/Img01.jpg" />
                                </td>
                                <td>
                                    <img class="PeopleLiked" src="../Images/Img07.jpg" />
                                </td>
                                <td>
                                    <img class="PeopleLiked" src="../Images/Img001.jpg" />
                                </td>
                                <td>
                                    <img class="PeopleLiked" src="../Images/Img06.jpg" />
                                </td>
                            </tr>
                        </table>
                    </fieldset>
                </div>
            </div>
        </div>
    </div>
    </div>
    </form>
</body>
</html>
